import { StyleSheet } from "react-native";
import { p } from "utils/pxToDp"
export default StyleSheet.create({
  flexrow: {
    flexDirection: "row",
  },
  flexcol: {
    flexDirection: "column",
  },
  flexrowaligncenter:{
    flexDirection: "row",
    alignItems:'center',
  },
  flexrowcenter: {
    flexDirection: "row",
    justifyContent: "center",
    alignItems: "center",
  },
  flexcolcenter: {
    flexDirection: "column",
    justifyContent: "center",
  },
  flexrowcenterbetween: {
    flexDirection: "row",
    justifyContent: "space-between",
    alignItems: "center",
  },
  flexrowcenterarrow: {
    flexDirection: "row",
    justifyContent: "space-around",
    alignItems: "center",
  },
  flexcolcenterbetween: {
    flexDirection: "column",
  },
  mt10:{
    marginTop:p(10)
  },
  mt20:{
    marginTop:p(20)
  },
  mt30:{
    marginTop:p(30)
  },
  mt40:{
    marginTop:p(40)
  },
  mb10:{
    marginBottom:p(10)
  },
  mb20:{
    marginBottom:p(20)
  },
  mb30:{
    marginBottom:p(30)
  }
});
